<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
    <!-- 搜索值筛选出关键字 并将大于3位的字符后加... -->
    <input type="text" id="input">
    <script>
           var arr = [
            "添加了附近你",
            "字符长度超过三位",
            "附近的好友",
            "你好"
        ]
    $("#input").keyup(function(event){
        if(event.keyCode==13){
            var keyword = $(this).val();
            var newarr = arr.filter(item=>{
                return item.includes(keyword);
            })            
            var res = newarr.map(k=>{
                if(k.length>3){
                    k = k.substr(0,3)+"...";
                }
                return k
            })
            console.log(res)
            $(this).val('')
        }
    })
    
    </script>
</body>
</html>